import router from '@/router'
import store from '@/store'

router.beforeEach(async(to, from, next) => {
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404']

  // 1. 有登陆去登录页 => 跳转首页
  if (token && url === '/login') {
    next('/')
  }
  // 2. 有登陆去其他页面 => 放行
  if (token && url !== '/login') {
    if (!store.state.user.userInfo.username) {
      await store.dispatch('user/getUserInfo')
      // 这里刚好拿完数据, 就应该做权限筛选, 不应该进入的页面统统去掉
      const routes = await store.dispatch('permission/fiterRoutes', store.state.user.userInfo.roles.menus)
      // 可以通过router.addRoutes 方法来后续追加路由配置
      router.addRoutes([
        ...routes,
        { path: '*', redirect: '/404', hidden: true }
      ])
      next(to.path)
    } else {
      next()
    }
  }

  // 3. 未登录在白名单 => 放行
  if (!token && whiteList.indexOf(url) > -1) {
    next()
  }

  // 4. 未登录不在白名单 => 登录页
  if (!token && whiteList.indexOf(url) === -1) {
    next('/login')
  }

  // if (store.getters.token) {
  //   // 已登录
  //   if (to.path === '/login') {
  //     // 如果去登录页, 就跳转首页
  //     next('/')
  //   } else {
  //     // 其他放行
  //     next()
  //   }
  // } else {
  //   // 未登录
  //   const whiteList = ['/login', '/404']
  //   if (whiteList.indexOf(to.path) > -1) {
  //     // 在白名单则放行
  //     next()
  //   } else {
  //     // 否则跳到登录页
  //     next('/login')
  //   }
  // }
})
